<template>
  <div class="myheader">
    <div class="logo">
      <a href="#">
        <img src="../../../../static/images/front/logo1.png" alt="">
      </a>
    </div>
      <div class="navi">
        <div class="mainMenuUl">
          <li>
            <span><a href="#">厨师个人介绍</a></span>
          </li>
        </div>
      </div>

  </div>
</template>

<script>
    export default {
        name: "header"
    }
</script>

<style  lang="stylus">
  .myheader

    background-image: url("/static/images/bg/bg4.jpg");
    z-index 3
    overflow: hidden;
    margin 0 0 6px 0
    width 1000px
    height 90px

    .navi
      position relative
      color white
      margin 40px 0 0 445px
      width 555px
      height 30px
    .mainMenuUl
      margin-left 15px;
      line-height 30px
      width 555px
      padding: 0
      height 30px
      font-size 16px
      li
        list-style: none
        float: left
        width: 130px;
        span
          display: inline-block;
          width: 130px;
          height: 30px;
          opacity: 1;

        a
          color: white;
          text-decoration: none;


    .logo

      margin 5px 0 0 15px
      width 280px
      height 70px
      float left

      a
        text-decoration: none
        color #ffffff

      img
        width 70px
        height 70px
</style>
